<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    xmlns:jr="http://jasperreportjsf.sf.net/tld/jasperreports-jsf-1_2.tld"
    template="/plantillas/plantilla-sistema.xhtml">
    
    <f:metadata>
        <f:event type="preRenderView" 
                 listener="#{fichaBean.validarAcceso}"/>
    </f:metadata>
    
    <ui:define name="cabecera">
        <title>Reportes</title>
        <link rel="shortcut icon"  href="/resources/imagenes/favicon.ico" />
    </ui:define>
    
    <ui:define name="contenido">
        
        
        
        <center>
            <p:panel id="especimenPnl" 
                     header="Listado de Especímenes" 
                     styleClass="contenido">
              <!-- Tabla de Especimen -->
                <h:form id="form">
                  
                    <p:dataTable id="tablaEspecimenDtb" 
                                 value="#{fichaBean.listaEspecimens}"
                                 var="especimen"                                
                                 rowKey="#{especimen.codigoespecimen}"
                                 resizableColumns="true"
                                 paginator="true" 
                                 paginatorPosition="bottom" 
                                 rows="10"    
                                 
                                                                  
                                 selection="#{fichaBean.especimenSeleccionado}"
                                 selectionMode="single"
                                 
                                 emptyMessage="No hay registros disponibles."
                                 >
                        
                        <p:ajax event="rowSelect" process="@this" listener="#{fichaBean.onRowSelect}"
                                update=":form:display" oncomplete="especimenDialog.show()"
                                
                                />  
                        
                        
                        <p:column headerText="Código" 
                                  filterBy="#{especimen.codigoespecimen}" 
                                  sortBy="#{especimen.codigoespecimen}" 
                                  filterMatchMode="contains"
                                  styleClass="columna">
                                <h:outputText value="#{especimen.codigoespecimen}"/> 
                        </p:column>
                        <p:column headerText="Nombre científico" 
                                  filterBy="#{especimen.animal.nombrecientifico}" 
                                  
                                  filterMatchMode="contains"
                                  styleClass="columna">
                                <h:outputText value="#{especimen.animal.nombrecientifico}"/> 
                        </p:column>
                        
                        <p:column headerText="Nombre común" 
                                  filterBy="#{especimen.animal.nombrecomun}" 
                                  
                                  filterMatchMode="contains"
                                  styleClass="columna">
                           <h:outputText value="#{especimen.animal.nombrecomun}"/> 
                        </p:column>
                          <p:column headerText="Fecha Recolección" 
                                  filterBy="#{especimen.recoleccion.fecharecoleccion}" 
                                  
                                  filterMatchMode="contains"
                                  styleClass="columna">
                                         <h:outputText value="#{especimen.recoleccion.fecharecoleccion}">
                                                    <f:convertDateTime pattern="dd/MM/yyyy"/>
                                         </h:outputText> 
                                  </p:column>

                        
                        
                        <p:column headerText="Ubicación Almacén"
                                  filterBy="#{especimen.ubicacionalmacen}" 
                                  
                                  filterMatchMode="contains"
                                  styleClass="columna">
                              <h:outputText value="#{especimen.ubicacionalmacen}"/> 
                        </p:column>
                        
                        
                        
                       
                      
                       
                        
                            </p:dataTable>
                  
                  <p:dialog id="dialog" header="Especimen" widgetVar="especimenDialog" resizable="false"  
                            style="font-size: 100%" >  
  
                   <h:panelGrid id="display" columns="2" cellpadding="4" >  
  
              
            <h:outputText style="font-weight: bold; float: left" value="Codigo:" />  
            <h:outputText  value="#{fichaBean.especimenSeleccionado.codigoespecimen}" />  
  
            <h:outputText style="font-weight: bold; float: left" value="Nombre Cientifico:" />  
            <h:outputText value="#{fichaBean.especimenSeleccionado.animal.nombrecientifico}" />  
  
            <h:outputText style="font-weight: bold; float: left" value="Nombre comun:" />  
            <h:outputText value="#{fichaBean.especimenSeleccionado.animal.nombrecomun}" />  
  
            <h:outputText style="font-weight: bold; float: left" value="Recolectado en:" />  
            <h:outputText value="#{fichaBean.especimenSeleccionado.recoleccion.fecharecoleccion}" >
            <f:convertDateTime pattern="dd/MM/yyyy"/>
            </h:outputText>
            
            <h:outputText style="font-weight: bold; float: left" value="Almacen:" />  
            <h:outputText value="#{fichaBean.especimenSeleccionado.ubicacionalmacen}" />  
            
             
           
        </h:panelGrid>  
             
                      <center>
                      
                          <p:separator style="margin-bottom: 10px"/>     
                     
                     <h:outputText value="Foto: " />  
                     <p:selectBooleanCheckbox value="#{fichaBean.usaFoto}" immediate="true">  
            <p:ajax  listener="#{fichaBean.reporteConFoto()}"/>  
        </p:selectBooleanCheckbox> 
                     
                     
                     <jr:source id="jndiSource" value="jdbc/Sizoo" type="jndi" >
                      </jr:source> 
                      
                      <jr:reportLink  target="blank" source="jndiSource"   id="reporteLink"  height="500" width="800"
                                      value="#{fichaBean.tipoReporte}" name="Ficha_tecnica"    format="pdf"  >
                          <h:outputText style=" margin-left: 10px; color: blue" value="Ficha Tecnica"/>
              
                      <f:param id="nombrelink" name="codigoEsp" value="#{fichaBean.codigo}" />
                      <f:param id="logo" name="logo" value="../../resources/imagenes/muhnes.jpg" />
                      <f:param id="foto" name="foto" value="#{fichaBean.rutaFoto}" />
                      </jr:reportLink>
                     
                     
                
                      
                    
                     
                      
                      </center>    
                        
        </p:dialog>  
              
                 
                  
                </h:form>
            </p:panel>
        </center>         
                        
                       
                                        
                                   
        
        
       
                
               
              

    </ui:define>
    
    
  
    
</ui:composition>
